<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="./index.css">
    <link rel="stylesheet" href="./user.css">
    
    <title>用户注册 </title>
</head>
<body>
    <div class="header"> 
           
        <span> <a href="./index.html" class="header-text">你我终将落俗，唯有浪漫不死... </a></span>
       
    </div>
    <div class="navigation-bar">
        <div class="bar-log">
            <a href="./index.html">
              <img class="log" src="./images/xianhua.png" alt="log">
            </a>
        </div>
        <div class="miniBar">
          <div class="minibox">鲜花礼品</div>
          <div class="minibox">绿色植物</div>
          <div class="minibox"><a href="./flowerL.html"> 花之物语</a></div>
          <div class="minibox"><a href="./user.html" target="_blank">用户注册</a></div>
          <div class="minibox"><a href="./aboutUs.html" target="_blank"> 关于我们</a></div>
        </div>
        

    </div>
    <div class="main-body">
        <div class="content">
          <div class="content-header">
            <span class="header-text">这里是用户注册</span>
          </div>
        </div>




        <div align="center" id="d3">
        <form id="f1">
            <label>用户注册</label>
            <br><br>
            <table>
                <tr>
                    <td>手机号码：</td>
                    <td><input type="text" id="tel" maxlength="16" placeholder="请输入手机号码" class="c1"></td>
                    <td class="c2">&nbsp;&nbsp;*请输入手机号码（长度不大于16）</td>
                </tr>
                <tr>
                    <td>密码：</td>
                    <td><input type="password" id="pwd" maxlength="16" placeholder="请输入密码" class="c1"></td>
                    <td class="c2">&nbsp;&nbsp;*请输入密码（长度不大于16）</td>
                </tr>
                <tr>
                    <td>确认密码：</td>
                    <td><input type="password" id="pwd1" maxlength="16" placeholder="请在次输入密码" class="c1"></td>
                    <td class="c2">&nbsp;&nbsp;*请再次输入密码</td>
                </tr>
                <tr>
                    <td>手机验证码：</td>
                    <td><input type="text" id="yz" maxlength="6" placeholder="请输入手机验证码" class="c1"></td>
                    <td>&nbsp;&nbsp;<button type="button" onclick="alert('验证码已发送至手机，请查收')">发送手机验证码</button></td>
                </tr>
                <tr>
                    <td>邮箱：</td>
                    <td><input type="text" maxlength="20"  placeholder="请输入邮箱" class="c1"></td>
                    <td class="c2">&nbsp;&nbsp;*请输入您的邮箱（长度不大于15）</td>
                </tr>
                <tr>
                    <td>性别：</td>
                    <td><input type="radio" name="sex">男 <input type="radio" name="sex">女</td>
                </tr>
                <tr>
                    <td>上传头像：</td>
                    <td><input type="file" id="i1"></td>
                </tr>
                <tr>
                    <td>出生日期：</td>
                    <td><input type="date" class="c1"></td>
                </tr>
            </table>
            
            <br/>
            <br/>
            <button type="button" id="b1" class="b" onclick="check()">注册</button>
            &nbsp;&nbsp;&nbsp;&nbsp;
            <button type="button" id="b2" class="b" onclick="reset()">重置</button>
        </form>
    </div>
    </div>
    <div class="footer-bar">
        <hr>
        <span>花瓣岛花卉市场</span>
        <a href="#">意见反馈</a>
        <span>|</span>
        <a href="#">违法举报</a>
        <span>|</span>
        <a href="#" >产品论坛</a>
        <span>|</span>
        <a href="#">使用帮助</a>
        <span>|</span>
        <a href="#">推广合作</a>
        <span>|</span>
        <a href="#" >官方微信</a>
        <span>|</span>
        <a href="#" >站长平台</a>
        &nbsp;&nbsp;&nbsp;
        <i>2019213350王敏</i>
    </div>
</body>

<script src="./user.js"></script>
</html>